<template>
    <div class="hello">
        <Transfer :value="state" @change="onChange" :options="options" />
    </div>
</template>

<script>
import Transfer from "@/components/Transfer";
export default {
    name: "HelloWorld",
    components: {
        Transfer,
    },
    data() {
        return {
            msg: "Welcome to Your Vue.js App",
            state: [],
            options: [
                { id: 1, title: "测试 A", user: "用户 A" },
                { id: 2, title: "测试 B", user: "用户 B" },
                { id: 3, title: "测试 C", user: "用户 C" },
            ],
        };
    },
    methods: {
        onChange(e) {
            console.log(e);
        },
    },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
